<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>美丽成都</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="./main1.css" />
  <script src="./main1.js"></script>

  <!--Main CSS File -->
  <link rel="stylesheet" href="text.css">
<style>
  *{
      margin: 0px;
      bottom: 0px;
      padding: 0px;
      list-style: none;
      text-decoration: none;
   }
   body{
    background-image: url(首页/1.jpg);
    background-size: cover;
   }
  .pic{
    background-color: aliceblue;
    width: 1000px;
    height: 625px;
    margin-left: 200px;
    overflow: hidden;
  }
  .pic img{
    width: 500px;
    height: 625px;
    margin-left: 0 px;
    float: left;
  }
  .text{
    text-align: center;
  }
  .int{
    background-color: aliceblue;
    width: 500px;
    height: 625px;
    float: left;
    text-indent: 8pt;
    text-align: left;
    color: rgb(0, 0, 0);
  }
  .thumbnail1{
    width: 1100px;
    height: 400px;
    margin-left: 200px;
    overflow: hidden;
  }
  .thumbnail1 img{
    width: 500px;
    height: 400px;
    margin-left: 0 px;
    float: 100px;
  }
  .thumbnail2{
    width: 1100px;
    height: 625px;
    margin-left: 200px;
    overflow: hidden;
  }
  .thumbnail2 img{
    width: 500px;
    height: 350px;
    margin-left: 0 px;
    float: 100px;
  }
  .thumbnail1 img:hover{
    transform: scale(1.3);
    cursor: pointer;
  }
  .thumbnail2 img:hover{
    transform: scale(1.3);
    cursor: pointer;
  }
  button,
input {
    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* 默认有灰色边框我们需要手动去掉 */
    border: 0; 
    outline: none;
}
/* 把我们所有标签的内外边距清零 */
* {
    margin: 0;
    padding: 0;
    /* css3盒子模型 */
    box-sizing: border-box;
}
.search{
  position: absolute;
  left: 400px;
  top: 520px;
  width: 538px;
  height: 36px;
  border: 2px solid #c9d2e5;
}
.search input{
  float: left;
  width: 454px;
  height: 33px;
  padding-left: 10px;
}
.search button{
  float: left;
  width: 80px;
  height: 33px;
  background-color: #3745b4;
  font-size: 16px;
  color: #fff;
}
</style>
<body>
  <div class="nave">
    <ul class="navelist">
        <li><a href="index.html">首页</a><li>
        <li><a href="wangye1/2.html">著名人物</a></li>    
        <li><a href="旅游景点.html">旅游景点</a></li>    
        <li><a href="成都美食.html">成都美食</a></li>    
        <li><a href="历史文化.html">历史文化</a></li>
        <li><a href="登录.html">登录</a></li>
        <li><a href="注册.html">注册</a></li>
    </ul>
  </div>
 
  <div class="out">
    <div class="inner">
      <div class="img">
        <img src="首页/slide/chengdu.1.png" alt="" />
      </div>
      <div class="img">
        <img src="首页/slide/chengdu3.jpg" alt="" />
      </div>
      <div class="img">
        <img src="首页/slide/chengdu4.jpg" alt="" />
      </div>
      <div class="img">
        <img src="首页/slide/chengdu5.jpg" alt="" />
      </div>
      <div class="img">
        <img src="首页/slide/都江堰.jpg" alt="" />
      </div>
      
    </div>
    <div class="arrow">
      <i class="fas fa-chevron-left left"></i>
      <i class="fas fa-chevron-right right"></i>
    </div>
    <div class="button">
      <p></p>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
    </div>
  </div>

  <div class="search">
    <input type="search" name="" id="" placeholder="搜索">
    <button type="button">搜索</button>
  </div>

  <div class="para">
    <div class="text">
    </br></br></br></br></br></br></br></br></br>
      <h1>
      </br>成都简介 
      </br></br>
    </h1>
      <div class="pic">
        <img src="首页/chengdu.2.png"  alt="">
        <div class="int">
      </br></br></br>成都为1982年国务院批准的首批国家级24座历史文化名城之一。拥有4500年城市文明史，历史悠久，文化源远流长。据史书记载，公元前四世纪，古蜀国王开明九世于“广都樊乡”（今双流境）“徙治成都”，构筑城池，是中国2300多年城址未变、城名未改、延续至今最古老的城市之一。作为中华文明的重要起源地和中国西南地区的政治经济文化中心，其发展历程、文化兴衰、历史文化遗产都具有相当的独特性。
      </br>成都作为一座历史文化名城，拥有古蜀文化、水利文化、丝路文化、三国文化等传统文化基因，4500年的文明史，2300多年的建城史，为成都留下了丰富的文化积淀与弥足珍贵的历史文化遗产，包括青城山、青羊宫、宝墩、三星堆、金沙遗址、武侯祠、杜甫草堂、大熊猫基地等众多的历史文化遗产资源。
      </br>成都的城市布局注重与自然环境充分结合，形成了川西平原上“青山绿水抱林盘，大城小镇嵌田园”的整体特征。成都古城城市空间格局的传承性极强，至今仍保持着大城、皇城、少城的格局，府、南河环抱古城，形成“三城相重、两江环抱”的特征，并保留了的独特的道路网络。
      </br>成都历史文化资源丰富，有国家级历史文化名城2个，分别为成都市和都江堰市；省级历史文化名城3个，分别为新都区、崇州市、邛崃市；中国历史文化名镇6个，分别为安仁镇、新场镇、平乐镇、洛带镇、五凤镇和黄龙溪镇；省市级历史文化名镇18个，省市级历史文化名村8个；全国重点文物保护单位39处，省市区县级文物保护单位556处；世界遗产2处；国家级非物质文化遗产22项，省市级非物质文化遗产102项；历史文化街区12片；古树名木8459余株。
    </div>
      </div>
      
    </div>
  </div>



    <!-- ======= 专题Section ======= -->
        <div class="text">
          <h1></br>美丽风貌</h1>
          <p><h3>天府之国，美名远传</br></br></h3></p>
        </div>

        <div class="row">
          <div class="col-lg-6 col-md-4 imgArea">
            <div class="thumbnail1">
              <a href="wangye1/2.html" target="_blank">
                <img src="首页/人物.jpg" alt="...">
              <a href="旅游景点.html" target="_blank">
                <img src="首页/旅游.jpg" alt="...">
              </br>
              </a>
            </div>
          
          </div>
          <div class="col-lg-6 col-md-4 imgArea">
            <div class="thumbnail2">
            </br>
              <a href="成都美食.html" target="_blank">
                <img src="首页/美食.jpg" alt="...">
              <a href="历史文化.html" target="_blank">
                <img src="首页/slide/chengdu4.jpg" alt="...">
              </a>
            </div>
          </div>
          
        </div>

      </div>
    </section><!-- End 专题 Section -->
    


  </main><!-- End #main -->

  <!-- ======= Footer ======= -->

  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>


</body>

</html>